﻿/* Left transition */
li.ui-li.left
{
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transform: translateX(-100%);
    -moz-transition: -moz-transform 250ms ease;
    -moz-transform: translateX(-100%);
    -o-transition: -o-transform 250ms ease;
    -o-transform: translateX(-100%);
    transition: transform 250ms ease;
    transform: translateX(-100%);
    border-top-width: 0; /* We switch to border bottom on previous list item */
    border-right-width: 1px;
}
/* Right transition */
li.ui-li.right
{
    -webkit-transition: -webkit-transform 250ms ease;
    -webkit-transform: translateX(100%);
    -moz-transition: -moz-transform 250ms ease;
    -moz-transform: translateX(100%);
    -o-transition: -o-transform 250ms ease;
    -o-transform: translateX(100%);
    transition: transform 250ms ease;
    transform: translateX(100%);
    border-top-width: 0; /* We switch to border bottom on previous list item */
    border-left-width: 1px;
}
/* Border bottom for the previous list item during the transition*/
li.ui-li.border
{
    border-bottom-width: 1px;
}
/* Hide the delete button on touch devices */
.touch .delete
{
    display: none;
}

.touch .ui-link-inherit
{
    padding-right: 15px !important;
}
/* Custom styling for the popup */
#confirm
{
    border: 1px solid;
    border-color: #044062; /* Fallback for older browsers */
    border-color: rgba(4,64,98,.4);
    background: #456f9a; /* Fallback for older browsers */
    background: rgba(69,111,154,.8);
    -moz-box-shadow: 0 2px 6px rgba(69,111,154,.5), inset 0 1px rgba(255,255,255,.3), inset 0 6px rgba(255,255,255,.1), inset 0 10px 20px rgba(255,255,255,.25), inset 0 -15px 30px rgba(69,111,154,.3);
    -webkit-box-shadow: 0 2px 6px rgba(69,111,154,.5), inset 0 1px rgba(255,255,255,.3), inset 0 6px rgba(255,255,255,.1), inset 0 10px 20px rgba(255,255,255,.25), inset 0 -15px 30px rgba(69,111,154,.3);
    box-shadow: 0 2px 6px rgba(69,111,154,.5), inset 0 1px rgba(255,255,255,.3), inset 0 6px rgba(255,255,255,.1), inset 0 10px 20px rgba(255,255,255,.25), inset 0 -15px 30px rgba(69,111,154,.3);
    max-width: 250px;
}

#confirm p
{
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.6);
    margin-bottom: .75em;
}
/* Make the buttons inherit the popup border-radius (.ui-corner-all) */
#confirm div, #confirm .ui-btn-corner-all
{
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

#confirm #cancel
{
    background-image: none;
}

#confirm .topic.ui-li-desc
{
    font-size: inherit; /* The cloned topic will have class ui-li-desc so we negate the font-size settings of this class */
    text-align: center;
}


.divHeaderTable
{
            width: 100%;
            padding-bottom:5px;
            display:block;
}
.divHeaderRow
{
            width: 100%; /* add extra that you want to for header column */
            display:block;
            height:105px;
}
.divHeaderColumn
{
            float: left;
            width: 33%;
            display:block;
}
.divTable
{
            width: 100%;
            display:block;
            padding-top:10px;
            padding-bottom:10px;
            padding-right:10px;
            padding-left:10px; 
}
.divRow
{
         width: 99%; 
         display:block;
         padding-bottom:5px;
}
.divColumn
{
         float: left;
         /*width: 24%;*/
         display:block;
}